블로그_09_GA 대시보드 및 검색 노출 준비

확인하고 싶은데, 보이는 게 없다

블로그는 계속 업데이트하고 있는데,
“누가 들어왔는지, 어떤 페이지가 많이 보이는지”는 전혀 알 수가 없었다.

생각을 좀 해보다가. GA를 붙여보기로 결심했다.
광고를 붙일 것도 아니고 비즈니스 웹도 아니지만 한번쯤은 써봐야겠지 싶어서....

또 지금 구글 검색에 노출되지 않는 문제도 정리해야 했다.
구글이 내 웹사이트를 가져갈까? 잘 모르겠다.
아무튼 이번에 할 일은 다음 두 가지다.

1. 방문/페이지뷰를 관리자 대시보드에서 확인하기
2. 검색 노출을 위한 기본 세팅(robots.txt, sitemap) 갖추기

1. GA4 추적 코드 먼저 정리

지금 이 웹페이지는 MD를 렌더링하지만 브라우저에서는 결국 URL 기반 페이지로 인식한다.
따라서 /notes/..., /journal/... 경로도 GA에서는 일반 페이지뷰로 정상 집계될 것이다.

다음처럼 정리했다.

• GA 측정 ID를 환경 변수로 분리
• App Router에서 라우트 변경 시 page_view 전송
• 초기 로딩과 라우트 이동 모두 측정되도록 설정
  데이터 수집이 시작되면 실시간 리포트에서 유입이 찍힐 것으로 기대해본다.

2. 관리자 대시보드에서 지표 확인

편집 기능을 개발하면서 관리자 페이지를 만들었는데, 이것저것 붙여놔서 버리긴 아깝고,
그렇다고 쓰기도 애매하고 해서 GA 대시보드를 관리자 페이지에 간단한 것만 붙여보기로 했다.

• 최근 7일 기준 Users / Sessions / Page Views
• 상위 페이지 Top 10
  캐시를 얼마나 해야할지 모르겠어서 일단은 60초로 했다.

3. robots.txt + sitemap.xml 구성

robots.txt랑 sitemap.xml이 구성되어야 구글 검색 크롤러가 가져간다고 주워 들은 게 있다.
그래서 두 가지를 추가했다.

• robots.txt에 크롤링 허용 + 사이트맵 경로 명시
• sitemap.xml을 앱에서 자동 생성

이제 https://hhkb.dev/sitemap.xml에 접속하면
현재 콘텐츠 기준으로 자동 생성된 목록이 나온다.
구글 서치 콘솔에 제출까지 완료!